.fm-blocks-view,
.fm-blocks-view.shared-view,
.shared-details-block,
.fm-blocks-view.out-shares-view,
.fm-blocks-view.public-links-view,
.device-centre-view,
.files-grid-view,
.s4-bucket-block,
.s4-container-block {
    box-sizing: border-box;
    height: 100%;
    position: relative;
    min-height: 280px;
    padding: 0;
    overflow: hidden;
    flex-grow: 1;
    transition: 200ms linear;
}

.fm-right-files-block.emptied .fm-blocks-view:not(.shared-folder-content),
.fm-right-files-block.emptied .fm-blocks-view.shared-view,
.fm-right-files-block.emptied .fm-blocks-view.out-shares-view,
.fm-right-files-block.emptied .fm-blocks-view.public-links-view {
    display: none;
}
.file-block-scrolling {
    height: 100%;
    padding-inline-end: 20px;
    box-sizing: border-box;
}
.file-block-scrolling .megaList-content {
    margin-bottom: 24px;
}
.rtl .file-block-scrolling .megaList-content {
    direction: rtl;
}
.data-block-view {
    width: 192px;
    display: inline-block;
    line-height: 0;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    cursor: default;
    text-align: center;
    transition: background-color 100ms ease-in-out, box-shadow 100ms ease-in-out;
    padding: 0;
    overflow: hidden;
}
.data-block-view.semi-big {
    width: 170px;
    border-radius: 5px;
    padding: 4px;
}
.data-block-view.medium {
    width: 128px;
}

.fm-blocks-view .data-block-view {
    margin: 24px 0 0 24px;
}

.data-block-view:hover {
    box-shadow: 0 0 0 4px var(--stroke-grey-2);
}

.data-block-view.highlight1 {
    box-shadow: 0 0 0 5px #f00;
}

.data-block-view.highlight2 {
    box-shadow: 0 0 0 5px #f90;
}

.data-block-view.ui-selected,
.data-block-view.ui-selecting,
.data-block-view.dragover {
    box-shadow: 0 0 0 4px var(--secondary-blue);
}
.fm-blocks-view .data-block-view.ui-selected,
.fm-blocks-view .data-block-view.ui-selecting,
.fm-blocks-view .data-block-view.dragover {
    display: inline-flex;
    border: 4px solid transparent;
    border-radius: 10px;
    background: var(--checkbox-fill-active);;
    background-origin: border-box;
    margin: 20px 0 0 20px;
    width: 200px;
    box-shadow: none;
}
.fm-blocks-view .data-block-view i.selected {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    border-radius: 3px;
    color: var(--text-color-white-high);
    color: var(--mobile-surface-1)
}
.fm-blocks-view .data-block-view.ui-selected i.selected,
.fm-blocks-view .data-block-view.ui-selecting i.selected,
.fm-blocks-view .data-block-view.dragover i.selected {
    display: block;
    background: var(--checkbox-fill-active);
}
.fm-blocks-view .data-block-view:not(.ui-selected):not(.ui-selecting):not(.dragover):hover i.selected {
    display: block;
    background: var(--checkbox-fill-inactive-2);
    outline: 1px solid var(--checkbox-border-inactive-2);
    color: transparent;
}
.fm-blocks-view .data-block-view.ui-selected .video-thumb-details,
.fm-blocks-view .data-block-view.ui-selecting .video-thumb-details,
.fm-blocks-view .data-block-view.dragover .video-thumb-details,
.fm-blocks-view .data-block-view:hover .video-thumb-details {
    left: 25px;
    top: 9px;
}

/* File/folder type icon */
.data-block-view .item-type-icon-90 {
    --icon-size: 96px;
    margin: 28px auto;
    position: static;
}
.data-block-view .thumb .item-type-icon-90 {
    background: none;
    height: inherit;
    margin: 0;
    width: inherit;
}
.data-block-bg {
    height: 192px;
    width: 192px;
    display: block;
    transition: background-color 100ms ease-in-out, box-shadow 100ms ease-in-out;
    text-align: center;
    position: static;
    background: var(--surface-grey-1);
    border: 1px solid var(--stroke-grey-4);
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.data-block-view.medium .data-block-bg {
    height: 124px;
    width: 124px;
}
.data-block-view .data-block-bg img {
    background: var(--image-background);
    width: 192px;
    height: 192px;
    vertical-align: middle;
    position: relative;
}
.data-block-view.medium .data-block-bg img {
    height: 124px;
    width: 124px;
    vertical-align: top;
}
.data-block-view .thumb.video img {
    height: auto;
}

.data-block-view.active .data-block-bg,
.data-block-view.ui-selected .data-block-bg,
.data-block-view.ui-selecting .data-block-bg,
.data-block-view.dragover .data-block-bg {
    background-color: var(--stroke-grey-1);
    border: 1px solid var(--stroke-main);
}
.data-block-view:hover .data-block-bg {
    background-color: var(--hover-grey-main);
    border: 1px solid var(--stroke-main);
}

.data-block-view.active .thumb .indicator {
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: background-color 100ms ease-in-out, box-shadow 100ms ease-in-out;
}
.data-block-view .tiny-button {
    float: none;
    position: absolute;
    z-index: 100;
    bottom: 8px;
    right: 8px;
    margin: 0;
}
.data-block-view .user-card-presence.small {
    right: 10px;
    top: 10px;
    margin: 0;
}

.data-block-view .file-status-icon.icon-favourite-filled,
.data-block-view .file-status-icon.icon-clock-rotate,
.data-block-view .file-status-icon.icon-takedown,
.data-block-view .file-status-icon.icon-info,
.data-block-view.linked .icon-link {
    --icon-size: 16px;
    margin-inline-end: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-image: none;
}
.data-block-view .file-status-icon.icon-favourite-filled {
    --mask-color: var(--icon-rest);
}
.data-block-view .file-status-icon.icon-clock-rotate {
    --mask-color: var(--icon-rest);
}

.undecryptable-zk .file-status-icon.icon-info,
.data-block-view .file-status-icon.icon-takedown {
    --mask-color: var(--secondary-red) !important;
}
.data-block-view .file-status-icon.icon-info {
    --mask-color: var(--secondary-orange);
}
.data-block-view:not(.linked) .icon-link {
    display: none;
}
.data-block-view.linked .icon-link {
    --mask-color: var(--icon-rest);
}
.data-block-view .file-status-icon.sprite-fm-mono:not(.icon-favourite-filled),
.data-block-view .file-status-icon.sprite-fm-mono:not(.icon-clock-rotate),
.data-block-view .file-status-icon.sprite-fm-mono:not(.icon-takedown),
.data-block-view .file-status-icon.sprite-fm-mono:not(.icon-info),
.data-block-view.linked .sprite-fm-mono:not(.icon-link):not(.selected) {
    height: 0;
}
.data-block-view .file-status-icon.sprite-fm-mono.icon-favourite-filled,
.data-block-view .file-status-icon.sprite-fm-mono.icon-clock-rotate,
.data-block-view .file-status-icon.sprite-fm-mono.icon-takedown,
.data-block-view .file-status-icon.sprite-fm-mono.icon-info,
.data-block-view.linked .sprite-fm-mono.icon-link {
    height: 18px;
}

.shared-folder-info-block {
    padding: 0;
    padding-inline-start: 51px;
    font: var(--text-body1);
    display: block;
    box-sizing: border-box;
    position: relative;
    text-align: start;
}
.data-block-view .shared-folder-access {
    width: 16px;
    height: 16px;
    float: left;
    padding: 0;
    --mask-color: var(--icon-rest);
    margin-top: 4px;
    margin-right: 4px;
    background-image: none;
}
.data-block-view .shared-folder-info {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-color-medium);
}
.data-block-view .fm-user-verification {
    display: block;
    text-decoration: underline;
    cursor: pointer;
    color: var(--label-blue);
}
.data-block-view.cv-on .fm-user-verification {
    height: 20px;
}
.data-block-view:hover .file-settings-icon,
.data-block-view.ui-selected .file-settings-icon,
.properties-name-block:hover .file-settings-icon {
    opacity: 1;
    background: var(--surface-highlight-2);
    height: 26px;
    width: 26px;
    border-radius: 50%;
}
.megaList-content .data-block-view:hover .file-settings-icon,
.albums-grid-cell .album-settings-icon,
.megaList-content .data-block-view.ui-selected .file-settings-icon {
    background: var(--label-grey);
}
.data-block-view:hover .file-settings-icon i,
.data-block-view.ui-selected .file-settings-icon i,
.albums-grid-cell .album-settings-icon i {
    --icon-size: 24px;
    --mask-color: var(--icon-rest);
    height: 24px;
    position: relative;
    top: 1px;
    opacity: 1;
}
.data-block-view .file-settings-icon i::before,
.albums-grid-cell .album-settings-icon i::before {
    line-height: 24px;
    transition: color 100ms ease-in-out;
}
.data-block-view .file-settings-icon:hover i,
.data-block-view.ui-selected .file-settings-icon.active i {
    --mask-color: var(--icon-active);
}

.data-block-indicators {
    display: inline-flex;
    justify-content: flex-end;
    position: absolute;
    right: 1px;
    top: 1px;
    left: 1px;
    height: auto;
    z-index: 2;
    border-radius: 10px 10px 0 0;
    padding-right: 5px;
    float: right;
}

.data-block-bg.thumb .data-block-indicators {
    border-radius: 8px 8px 0 0;
    background: var(--surface-highlight-2);
}
.data-block-bg.video .data-block-indicators {
    height: 34px;
}

.video-thumb-details {
    font: var(--text-body2);
    color: var(--stroke-main-inverted);
    top: 9px;
    position: absolute;
    text-align: start;
    display: none;
    left: 4px;
    z-index: 2;
}
.rtl .video-thumb-details {
    left: auto;
    right: 4px;
}
.data-block-bg.video .video-thumb-details {
    display: block;
}
.data-block-bg.video .video-thumb-details i {
    width: 16px;
    float: left;
    margin-top: 1px;
    --mask-color: var(--icon-rest);
}
.data-block-view .contact-chat-buttons {
    position: absolute;
    left: 0;
    top: 0;
    padding: 11px 0 0 2px;
    opacity: 0;
    z-index: 10;
}
